<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<script type="text/javascript" src="static/qui/libs/js/jquery.js"></script>
<script src="http://ptce.gx12333.net/common/artDialog/jquery.artDialog.js?skin=blue"></script>

<form id="login-form" action="?login" method="post">
    <p><label>学号：<input id="login-form-username" name="username" type="text"></label></p>
    <p><label>密码：<input id="login-form-password" name="password" type="password"></label></p>
    <p id="info" style="color: red;"></p>
</form>
<!-- IE8 style 标签写在HTML片段下方才能生效 -->
<style>
    #login-form p { padding:5px;  }
    #login-form input { width:15em; padding:4px; border:1px solid #CCC; }
    #login-form input:focus { border-color:#426DC9; }
    #login-form .login-form-error { background:#FFFBFC; border-color:#F00 !important; }
</style>
<!--
	1、 script的类型如果是 text/dialog ，将会在对话框内部执行（类似init参数的回调），变量不会污染全局
    2、 如果使用jquery.artDialog，标准script的标签也能被执行
    3、 本页编码要与对话框所在页面编码保持一致
-->
<script type="text/dialog">
var api = this,// 对话框扩展方法
	$ = function (id) {return document.getElementById(id)},
	form = $('login-form'),
	username = $('login-form-username'),
	password = $('login-form-password');

// 操作对话框
api.title('请先登录')
	// 自定义按钮
	.button(
		{
			name: '登录',
			callback: function () {
			       return test();

                //console.log(username.value);

                //return false;
				//api.close();
			},
			focus: true
		},
		{
			name: '取消'
		}
		/*, 更多按钮.. */
	)
	// 锁屏
	.lock();
username.focus();
</script>
<script>
    var r=false;
    function test(){
        $.ajax({
            type: "post",
            url: "/student/studentLogin",
            data:{"stuNo":$('#login-form-username').val(),"password":$('#login-form-password').val()},
            cache:false,
            async:false,
            success: function(data){
                if(data.success){
                    r=true;
                    sessionStorage.setItem("userInfo",JSON.stringify(data.data));
                    parent.location.reload();
                }
                else{
                    $("#info").html(data.msg);
                }
            }
        });
        return r;
    }

</script>
</body>
</html>
